<template>
  <div class="inner-page">
    <div class="inner-page-title mb-30">
      <span>云原生数据分析引擎 DLC</span>
      <div class="fr">
        <span class="btn">演示动画</span>
        <span class="btn">产品试用</span>
      </div>
    </div>
    <div class="flex-row">
      <div class="left-row flex-1 pr-20">
        <div class="section-title">
          <svg-icon iconName="biaoti1" class="mr-10"></svg-icon>产品介绍
        </div>
        <div class="fs-14 f-normal mt-20 mb-20">
          云原生数据湖分析(Data Lake
          Core,简称DLC)是无服务器化(Serverless)的云原生数据湖分析服务，支持按需与保留资源使用，打造最具性价比的云原生数据湖分析平台；提供一站式的云原生数据湖
          分析与计算服务，支持ETL、机器学习、流、交互式分析，可以与OSS、数据库等多种数据源搭配使用。
        </div>
        <div class="section-title">
          <svg-icon iconName="biaoti2" class="mr-10"></svg-icon>核心能力
        </div>
        <div class="flex-grid mt-20">
          <div class="list-box" v-for="(item, index) in list" :key="index">
            <div class="title">
              <span>{{ index + 1 }}</span> {{ item.name }}
            </div>
            <div class="mb-20">{{ item.label }}</div>
          </div>
        </div>
      </div>
      <div class="left-row flex-1 pl-20">
        <div class="section-title">
          <svg-icon iconName="biaoti3" class="mr-10"></svg-icon>产品功能架构
        </div>
        <div class="framework-img mt-20 bor">
          <img :src="frameworkImg" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'nav4',
  data () {
    return {
      list: [
        {
          name: 'Serverless',
          label: '无基础设施和管理成本，即开即用，按量付费,轻松应对业务波峰。'
        },
        {
          name: '一键构建数据湖',
          label: '元数据自动发现，一键构建元数据系统，解决数据湖管理难题。'
        },
        {
          name: '高性能引擎',
          label: '支持双引擎：SQL(Flink)分析、Spark计算服务。'
        },
        {
          name: '多源混合接入计算',
          label: '支持多种RDS数据库、OSS、S3，hdfs数据源之间关联分析。'
        },
        {
          name: '生态完善',
          label:
            '兼容MySQL协议、flink语法、spark语法，轻松对接各种BI报表工具。'
        },
        { name: '数据安全可靠', label: '提供数据加密和数据脱敏' }
      ],
      sceneList: [
        {
          iconUrl: require('../../assets/images/icon/ico-r3-001.png'),
          name: '构建实时运营交互查询报表',
          label:
            '实时交互式查询报表，实时分析订单、收入、用户数等核心业务指标。在百亿记录规模及上百数据分析维度下，随机查询响应时间可达到100毫秒以内。业务人员能实现持续探索式查询分析，无需中断分析思路，便于深挖业务价值，具有非常好的查询体验。'
        },
        {
          iconUrl: require('../../assets/images/icon/ico-r3-002.png'),
          name: '基于用户日志的多维分析和客户画像分析',
          label:
            '通过ClickHouse对用户行为日志数据进行多维分析，支持业务在线运营和数据挖掘，监控用户热力图分布、用户登录、用户轨迹、实时大屏、任务配置、提取目标客户画像特征及营销等，提高服务质量。'
        },
        {
          iconUrl: require('../../assets/images/icon/ico-r3-003.png'),
          name: '基于实时客户圈选的精准营销',
          label:
            '基于实时客户圈选的精准营销：基于历史大数据计算，支持实时用户行为数据清洗计算。基于用户的历史标签和实时标签数据，进行用户圈选营销，提高客户召回率和DAU。'
        }
      ],
      frameworkImg: require('../../assets/images/pic/img-4.png')
    }
  }
}
</script>

<style scoped lang="scss">
.flex-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}
</style>
